<template>
  <div class="mycom1">
    <mycom2 v-for="(v, index) in arr" :key="index" :x="v"></mycom2>
  </div>
</template>

<script>
import mycom2 from "./mycom2.vue";

export default {
  components: {
    mycom2,
  },
  data() {
    return {
      arr: [
        {
          src: "//p0.meituan.net/imeituanbusiness/4579713360f6b07c482d475606dcdaf32232.png",
          wz: "美食",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/36ea5f8aa1429104ef51c9e03fe212a54183.png",
          wz: "猫眼电影",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/ea0c6fab93f5070dfc7baa50ac9052a02300.png",
          wz: "酒店",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/7b30434d02d20c4e0428cbc2091499f22631.png",
          wz: "休闲娱乐",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/f8fc99f79983d96a12889d00ad4df41a2868.png",
          wz: "外卖",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/982e9a55410baae204a220840b11cc952772.png",
          wz: "KTV",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/586d25e7f9615a91b831713c5b68fdd62345.png",
          wz: "周边游",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/862a8ecbcaec80cc827090074c358f882565.png",
          wz: "丽人",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/862a8ecbcaec80cc827090074c358f882565.png",
          wz: "母婴亲子",
        },
        {
          src: "//p0.meituan.net/imeituanbusiness/ad793f3d4b6625b60a9aeb64688739952061.png",
          wz: "全部分类",
        },
      ],
    };
  },
};
</script>

<style scoped>
.mycom1 {
  width: 375px;
  height: 200px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
</style>